import React from 'react'
import GoBackLayout from "../../../layouts/GoBackLayout/GoBackLayout"
import TabWithCustomUnderline from "../../../layouts/TabWithCustomUnderline/TabWithCustomUnderline"
import DevRankList from "../../../shared-components/DevRankList/DevRankList"

import './LiveDevoteRank.css'
// import {fansRank} from "../../../utils/mockdata";

import {WhiteSpace} from "antd-mobile";


const LiveDevoteRank = props => {
    const {
        history,
    } = props

    const tabs = [{title: '周榜',}, {title: '总榜',},]

    return <GoBackLayout
        history={history}
        title='贡献榜'
    >
        <TabWithCustomUnderline
            tabs={tabs}
            prefixCls='live-devote-rank'
        >
            <div>
                <WhiteSpace/>
                <DevRankList fans={[]}/>
            </div>
        </TabWithCustomUnderline>
    </GoBackLayout>
}

export default LiveDevoteRank
